﻿<!DOCTYPE html>
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8"/>
    <title></title>
    <style type="text/css">
        ul{ padding: 0;margin:0}
        .tab{ width: 400px;}
        .tab-menuWrapper{ padding-left: 20px;}
        .tab-menuWrapper li{ float: left;display: inline;padding: 5px;
            border: 1px solid #333;border-bottom: none;margin-right: 5px;
        }
        .tab-ContentWrapper{ border: 1px solid #333;clear: left;padding: 5px;}
    </style>
</head>
<body>
    <div class="tab">
        <ul class="tab-menuWrapper">
            <li>menu1</li>
            <li>menu2</li>
            <li>menu3</li>
        </ul>
        <div class="tab-ContentWrapper">
            <div>content1</div>
            <div style="display:none">content2</div>
            <div style="display:none">content3</div>
        </div>
    </div>
</body>
</html>
